<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/base.css">
    
</head>

<body>
    <header id="login-head">
        <div id="login-logo">
            <a href="index.html"><img src="image/登录页/ia_300000000.png" alt=""></a>
            <img class="log-wel" src="image/登录页/ia_300000003.png" alt="">
        </div>
        <p id="head-right">
            <a href="login.html"><span></span>登录页面，调查问卷</a>
        </p>
    </header>
    <div id="tips">
        <p><span></span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版 <a href="">《京东隐私政策》</a> 《京东隐私政策》已上线，将更有利于保护您的个人隐私。</p>
    </div>
    <div id="content">
        <div id="con-login">
            <p id="con-tips"><span></span> 京东不会以任何理由要求您转账汇款，谨防诈骗。</p>
            <ul id="log-box">
                <li id="box1" class="clo">扫码登录</li>|
                <li id="box2">账户登录</li>
            </ul>
            <!-- 扫码登录部分 -->
            <div id="log-scan">
                <div id="log-code">
                    <div id="code-img">
                        <img src="image/登录页/ia_100000001271.png" alt="">
                    </div>
                    <img id="sas" src="image/登录页/ia_300000015.png" alt="">
                </div>
                <p id="log-wap">打开<span><a href="">手机京东</a></span>&nbsp;&nbsp;&nbsp;扫描二维码</p>
                <ul id="wap-icon">
                    <li><span></span>免输入</li>
                    <li><span></span>更快</li>
                    <li><span></span>更安全</li>
                </ul>
            </div>
            <!-- 账户登录部分 -->
            <div id="account-log">
                <form action="">
                    <p id="arror">
                        <span></span>账户名与密码不匹配，请重新输入
                    </p>
                    <div class="login-item">
                        <label id="user-lab" for="log-user"></label>
                        <input type="text" id="log-user" placeholder="邮箱/用户名/登录手机">
                    </div>
                    <div class="login-item">
                        <label id="paw-lab" for="log-paw"></label>
                        <input type="text" id="log-paw" placeholder="密码">
                    </div>



                    <a href="" id="forget">忘记密码</a>
                    <input id="lodin" type="button" value="登    录" >


                </form>

            </div>


            <!-- 底部QQ微信登录公用部分 -->
            <div class="log-foot">
                <ul class="coagent">
                    <li><span></span><a href="">QQ</a>
                        <p class="line">|</p>
                    </li>
                    <li><span></span><a href="">微信</a></li>
                </ul>
                <div class="regist-link"><a href="regist.html"><span></span>立即注册</a></div>
            </div>


        </div>


    </div>
    <footer id="footer">
        <ul class="footer-link">
            <li><a href="">关于我们</a>|</li>
            <li><a href="">联系我们</a>|</li>
            <li><a href="">人才招聘</a>|</li>
            <li><a href="">商家入驻</a>|</li>
            <li><a href="">广告服务</a>|</li>
            <li><a href="">手机京东</a>|</li>
            <li><a href="">友情链接</a>|</li>
            <li><a href="">销售联盟</a>|</li>
            <li><a href="">京东社区</a>|</li>
            <li><a href="">京东公益</a>|</li>
            <li><a href="">English Site</a></li>
        </ul>
        <div id="copyright">
            Copyright © 2004-2020 京东JD.com 版权所有
        </div>
    </footer>
    <script src="JS/jquery1.11.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="js/login.js"></script>
   


</body>

</html>